import React, { Component } from 'react'

export default class App extends Component {

    // 3.1创建一个 ref 属性
    inpRef = React.createRef()

  render() {
    return (
      <div>
        {/* <input type="text" ref='inp' /> */}


        {/* 3.2  设置 ref 属性为 inpRef */}
        <input type="text" ref={this.inpRef} />


        <button onClick={()=>{

            //1. 找到DOM 元素
            // console.log(document.querySelector('input').value);

            //2.可以通过设置一个固定的ref,然后通过this.refs.inp获取
            //但是该方法提示已经被废弃
            
            // 3.3 获取元素
            //current 是当前元素 该写法 是固定写法
            console.log(this.inpRef.current.value);

        }}>点击获取输入框的内容</button>
      </div>
    )
  }
}
